<docs-widget-viewer [title]="widgetTitle">
    <div class="d-flex">
        <farris-button class="mr-2">主要按钮</farris-button>

        <farris-button class="mr-2" [type]="'danger'">危险按钮</farris-button>

        <farris-button class="mr-2" [type]="'success'">成功按钮</farris-button>

        <farris-button class="mr-2" [type]="'warning'">警告按钮</farris-button>

        <farris-button class="mr-2" [type]="'secondary'">信息按钮</farris-button>

        <farris-button class="mr-2" [type]="'link'">文本按钮</farris-button>

        <farris-button class="mr-2" [disabled]="true">按钮禁用</farris-button>
        <farris-button class="mr-2" [type]="'link'" [disabled]="true"> 按钮禁用 </farris-button>
        <farris-button-group [autoSize]="false" [placement]="'bottom-left'" [count]="2" [data]="data1"> </farris-button-group>
    </div>
</docs-widget-viewer>
